@media screen and (max-width:1310px) {
    img.pijl {
        display: none;
    }
}

@media screen and (max-width:1281px) { 
    /* hi-res laptops and desktops */ 
        
}

@media screen and (max-width:1045px) { 
    /* big landscape tablets, laptops, and desktops */ 
    
    header.wrapper,
    footer.wrapper,
    div.wrapper {
        width: 90%;
    }
    
    body div.hotelsPage {
        min-height: 0;
        height: 200px;
    }
    body div.main-container div.hcsb_container {
        width: 90% !important;
        margin: 0px auto 20px auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        position: relative !important;
    }
    div.hcsb_guestsRoomsWrapper {
        clear: both;
    }
    
}

@media screen and (max-width:1030px) { 
    header nav {
        display: none;
    }
    .header-container {
        height: auto;
    }
}
@media screen and (min-width:1030px) { 
    div.slicknav_menu {
        display: none;
    }
}

@media screen and (max-width:961px) { 
    /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    
    div.slider-container div.fRight i.fa {
        font-size: 20em !important;
    }
    div.slider-container div.fRight img {
        width: 60% !important;
        height: auto !important;
        margin-top: 25%;
    }
}

@media screen and (max-width:800px) { 
    div.saveMore,
    div.readMoreAbout {
        width: 85%;
        margin: 20px auto;
        float: none;
        clear: both;
    }
}

@media screen and (max-width:780px) { 
    div.slider-container div.fRight i.fa {
        font-size: 18em !important;
        margin-top: 30px;
    }
    div.slider-container h2 {
        font-size: 11px;
    }
    div.hcsb_checkinDateWrapper {
        clear: both;
    }
    div.hcsb_citySearchWrapper {
        width: 95% !important;
    }
    div.hcsb_noDatesWrapper {
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }
    
    
    form.rent_a_car div.form-group,
    form.rent_a_car div.form-group input {
        width: 100%;
        padding: 0px;
        margin: 2px 0px;
    }
}

@media screen and (max-width: 767px) {
    body div.breakus div.fLeft {
        width: 100% !important;
        float: none;
    }
    body div.breakus div.fRight {
        width: 100% !important;
        height: auto !important;
        text-align: center !important;
        float: none;
    }
    body div.breakus div.fRight img {
        margin: 0px;
        width: 35% !important;
    }
    body div.hideIcon div.fLeft {
        width: 100% !important;
        float: none;
    }
    body div.hideIcon div.fRight {
        display: none !important;
    }
}
@media screen and (min-width: 767px) {
    .slider-container {
        min-height: 0 !important;
    }
    div.fRight {
        height: auto !important;
    }
}
/** iPAD portrait **/
@media screen and (min-width: 767px) and (max-width:769px) {
    div.circleHome {
        width: 87px;
        height: 87px;
        font-size: 50px;
        padding: 0px;
    }
    div.circleHome i {
        margin-top: 22px !important;
    }
    .uitgezocht-fifth {
        width: 12%;
        min-height: 200px;
    }
    .uitgezocht-fifth > p {
        min-height: 55px;
    }
    .uitgezocht-prijs {
        font-size: 18px;
    }
    div.uitgezocht-button i {
        display: none;
    }
    .footerColumn.bordered {
        width: 135px;
        float: right;
        margin: 0px 0px 10px;
    }
    .footerColumn.bordered div.fLeft {
        width: 100px;
    }
    .footerColumn.bordered div.fLeft.Checked {
        width: 25px;
    }
}
@media screen and (max-width:641px) { 
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
    div.slider-container div.fRight i.fa {
        font-size: 13em !important;
        margin-top: 50px;
    }
    div.slider-container div.fRight img {
        margin-top: 60%;
    }
    
    div.circleHome {
        height: 32px;
        width: 32px;
        font-size: 35px;
        padding: 17px;
    }
    .uitgezocht-fifth {
        width: 35%;
        float: left;
        margin: 0px 5px 10px;
    }
    .uitgezocht-prijs {
        font-size: 20px;
    }
    .uitgezocht-button i {
        display: none;
    }
}

@media screen and (max-width:481px) { 
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    
    div.slider-container div.fRight i.fa {
        font-size: 8em !important;
        margin-top: 70px;
    }
    
    a.hcsb_searchButton,
    div.hcsb_guestsRoomsWrapper {
        width: 98% !important;
        float: none !important;
    }
    div.hotelsPage h1 {
        font-size: 35px;
    }
    div.goToC {
        left: 31%;
    }
}

@media screen and (max-width:350px) { 
    /* smartphones, iPhone, portrait 480x320 phones */ 

    h1.title {
        font-size: 1.8em;
    }
    
    div.slider-container h1 {
        font-size: 18px;
    }
    
    div.footerColumn {
        float: none;
        clear: both;
    }
    div.footerColumn.bordered {
        margin: 25px auto 20px auto;
        width: 90%;
    }
    
}

/** Responsive menu **/
.slicknav_menu:after,.slicknav_menu:before{display:table;content:" "}.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_nav,.slicknav_nav ul{padding:0;list-style:none;overflow:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}

div.slicknav_menu {
    background: rgb(86,165,186);
}

a.slicknav_btn {
    margin: 15px 0px 0px 0px;
    background: #fff;
}
.slicknav_menu .slicknav_icon-bar {
    background: #333;
}